@import "./mixin";
@import "./var";

main{
    width: 1200px;
    margin: 20px auto;
    position: relative;
    &::after{
        @include clear();
    }
    .login-info{
        position: absolute;
        right: 0;
        margin-right: 20px;
        font-size: 14px;
        a{
            color: #00d7dc ;
        }
    }
    .nav-tabs{
        padding-left: 120px;
        border-bottom: 1px solid #ddd;
        &::after{
            @include clear();
        }
        li{
            border: 1px solid #ddd;
            border-bottom: none;
            width: 126px;
            text-align: center;
            line-height: 40px;
            float: left;
            margin-bottom: -1px;
            position: relative;
            display: block;
            background-color: #fff;
            a{
                color: #00d7dc ;
            }
        }
    }


    .tab-contant{
        background: url(" https://cdn.leishen.cn/upload/config/2019121606011523746.jpg") no-repeat 650px 100px #fff;
        
        &::after{
            @include clear();
        }
        padding: 60px 40px 100px;
        border: 1px solid #ddd;
        border-top: none;
        .form-group{
            height: 41px;
            margin-bottom: 30px;
            color: #898989;
            label{
                display: inline-block;
                width: 150px;
                height: 38px;
                margin-right: 10px;
                text-align: right;
                line-height: 38px;
                vertical-align: bottom;
                font-weight: normal;
               
            } 
            .ns-text-color{
                color:#00d7dc;
            }
            input{
                height: 38px;
                width: 262px;
                font-size: 12px;
                padding-left: 8px;
                border: 1px solid;
                border-color: #cecece;
                outline: 1px solid #00d7dc;
            }
            .form-checkbox{
                width: 13px;
                outline: none;
                line-height: 41px;
                margin-right: 5px;
            } 
            #remember{
                   height: 15px;
            }
            .form-text{
               
                label{
                    text-align: left;
                    width: 120px;
                    margin-right: 0;
                }
                a{
                    line-height: 41px;
                }
            }
        }
        
        .form-btn{
            
            margin-bottom: 20px;
            .btn{
                cursor: pointer;
                width: 270px;
                height: 37px;
                margin-left: 120px;
                background-color: #00eef3 !important;
                border-color: #00eef3 !important;
                color: #000;
            }
        }
    }

}


//